<style>
	.uuu{
		font-size: 10px;
	}
</style>
<header>
		<div class="w3layouts-top-strip">
			<div class="container">
				<div class="logo">
					<h1><a href="index.html">我的MyBoke博客</a></h1>
					<p>最牢固的感情，大都势均力敌</p>
				</div>
				<!-- <div class="w3ls-social-icons">
					<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
					<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
					<a class="pinterest" href="#"><i class="fa fa-pinterest-p"></i></a>
					<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
					<a class="linkedin" href="#"><i class="fa fa-google-plus"></i></a>
					<a class="linkedin" href="#"><i class="fa fa-rss"></i></a>
					<a class="linkedin" href="#"><i class="fa fa-behance"></i></a>
				</div> -->
			</div>
		</div>
		<!-- navigation -->
			<nav class="navbar navbar-default">
			  <div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  <ul class="nav navbar-nav topNav" id="topNav">
					<li><a class="active" href="{:U('Index/index')}">首页</a></li>
					<!--<li><a href="lifestyle.html">生活文学</a></li>
					<li><a href="fashion.html">时尚潮流</a></li>
					<li class="dropdown">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">代码记录<span class="caret"></span></a>
					  <ul class="dropdown-menu">
					  	<li><a href="icons.html">人生感悟</a></li>
						<li><a href="typo.html">印刷样式</a></li>	
					  </ul>
					</li>-->
					<php> for($i=0;$i<$cateNum;):</php>
						<li class="dropdown">
							<php>$num = $cateData[$i]['has_son'];</php>
							<if condition="$num == 0 ">
								<a href="{:U('SingleCate/index',array('cate_id'=>$cateData[$i]['id']))}">{$cateData[$i].cate_name}</a></li>
							<else />
								<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><a href="{:U('SingleCate/index',array('cate_id'=>$cateData[$i]['id']))}">{$cateData[$i].cate_name}<span class="caret"></span></a></a>
								<ul class="dropdown-menu">								
									<?php for($j=0;$j<$num;$j++){ ?>
										<php>$i++;</php>
										<li><a href="{:U('SingleCate/index',array('cate_id'=>$cateData[$i]['id']))}">{$cateData[$i].cate_name}</a></li>
									<?php } ?>
								</ul>
							</if>	
							<php>$i++;</php>
						</li>
					<php>endfor;</php>
					<li><a href="{:U('Photos/photo')}">相册</a></li>
					<li><a href="{:U('About/about')}">关于</a></li>
					<li><a href="{:U('Contact/contact')}">联系我们</a></li>
					<empty name="Think.cookie.username">
						<li>
							<a href="{:U('User/index')}">登录/注册</a>
						</li>
					<else />
						<li class="dropdown">
						  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">欢迎你：<i class="uuu">{$Think.cookie.username}</i><span class="caret"></span></a>
						  <ul class="dropdown-menu">
						  	<li><a href="{:U('Login/logout')}">注销</a></li>
						  </ul>
						</li>
					</empty>
				  </ul>
				</div><!-- /.navbar-collapse -->
				<div class="w3_agile_login">
							<div class="cd-main-header">
								<a class="cd-search-trigger" href="#cd-search"> <span></span></a>
								<!-- cd-header-buttons -->
							</div>
							<div id="cd-search" class="cd-search">
								<form action="#" method="post">
									<input name="Search" type="text" placeholder="搜索文章...暂未开发">
								</form>
							</div>
						</div>
						<div class="clearfix"> </div>

			  </div><!-- /.container-fluid -->
			</nav>
			
		<!-- //navigation -->
	</header>